/* 

Hardboiled CSS3 Media Queries by Andy Clarke:
http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/

Author: Andy Clarke
Web site: http://stuffandnonsense.co.uk
Twitter: http://twitter.com/malarkey

Hardboiled Web Design
Web site: http://hardboiledwebdesign.com
Twitter: http://twitter.com/itshardboiled

Version date : 30th September 2010
Version: 0.9

License: Creative Commons CC Zero Declaration. No Rights Reserved.

*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

article, aside, canvas, details, div, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
    margin: 0;
    padding: 0;
}
body {
    background:-moz-radial-gradient(circle, #90B2BA, #39464C);
	background:-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 80, color-stop(0.0, #90B2BA), color-stop(1.0, #39464C));
    color: #fff;
    font-family"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
    margin:0;
    padding:0;
}
hgroup, section{
	margin: 0 auto;
    padding: 0 20px;
    width: 1080px;
}
header{
	background: #415056; /* old browsers */
	background: -moz-linear-gradient(top, #415056 0%, #334A54 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#415056), color-stop(100%,#334A54)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415056', endColorstr='#334A54',GradientType=0 ); /* ie */
	border-bottom: 1px solid #80A1A8;
	padding:0 0 1em 0;
}
header h1,
header h2{
	text-align:center;
	margin:0;
	padding:0;
	font-family:"Arial Rounded MT Bold",arial,helvetica,sans-serif;

}
header h1 a{
	text-shadow: 0px -2px 0px #072C54;
	font-size:2.5em;
	color:#DEE3E8;
	display:inline-block;
	padding:0 100px;
	background: url(../images/flourish.png) -7px 25px no-repeat;
}
nav ul {
    list-style: none outside none;
    overflow:hidden;
}

nav ul li {
    float: left;
    padding-left: 14px;
}
nav ul li a {
    color: #B4CCD2;
    display: block;
    padding: 10px;
    text-shadow: 1px 1px 1px #3D5155;
    text-transform: uppercase;
    }
section{
	padding:2em 0;
}
.errorbox {
    position: absolute;
    padding: 0;
    margin: 0;
    z-index: 99;
    background: url('../images/semi.png') repeat;
    display: none;
    color: #ffffff;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #efefef;
}
#wait_geolocate {
    text-align: center;
    padding: 1em;
}
#wait_search {
    text-align: center;
    padding: 1em;
}
.wml-wrapper {
    background: none repeat scroll 0 0 #B7BCAC;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    border: 4px solid #EDEDED;
    padding: 0.6em 0;
    -moz-box-shadow: 0 0 10px #334A54;
	-webkit-box-shadow: 0 0 10px#334A54;
	box-shadow: 0 0 10px #334A54;
	}
section.comments {
    background: none repeat scroll 0 0 #B7BCAC;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    border: 4px solid #EDEDED;
    padding: 0.6em 0;
    -moz-box-shadow: 0 0 10px #334A54;
	-webkit-box-shadow: 0 0 10px#334A54;
	box-shadow: 0 0 10px #334A54;
	padding:2em;
	}	

.infowindow{
	overflow: hidden;
}
.infowindow p{
	clear:both;
}
.itemname{
	font-size:1.2em;
	font-weight:bold;
	text-shadow: 1px 1px 1px #bbb;
    text-transform: uppercase;
}
div.infowindow .rating-img{
	display:inline-block;
	padding:1.2em 0 0 0;
}
.wml-info-window{
	width:248px!important;
}
.wml-info-window-content{
	-moz-box-shadow: 10px 10px 5px rgba(100,103,94,0.5);;
	-webkit-box-shadow: 10px 10px 5px (100,103,94,0.5);
	box-shadow: 10px 10px 5px (100,103,94,0.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.infowindow img {
	display:inline;
	padding:0.5em 0.5em 0.5em 0.5em;
	float:left;
}
#searchForm{
	margin:0 0 2em 0;
}
.wml-info-window-content,.full-comment{
	-moz-box-shadow: 5px 5px 5px 5px rgba(100,103,94,0.5);;
	-webkit-box-shadow: 5px 5px 5px 5px (100,103,94,0.5);
	box-shadow: 5px 5px 5px 5px (100,103,94,0.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
section.comments{
	color:#434343;
}
footer{
	padding:1.2em;
	border-top: 1px solid #80A1A8;
	background: #47585E; /* old browsers */
	background: -moz-linear-gradient(top, #47585E 0%, #0e0e0e 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47585E), color-stop(100%,#0e0e0e)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47585E', endColorstr='#0e0e0e',GradientType=0 ); /* ie */
}
textarea{
	width:500px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    border: 1px solid #434343;
    padding:0.5em;}
.header-avatar {
	margin:0 0 0 0;
}

.header-avatar a {
	text-decoration: none;
	font-size: 0.9em;
}
.comment-message{padding:0.5em 0;}
.comment-footer .post-report{display:block;text-align: right;}
/* Curl / Comments */
ul.box {
    clear: both;
    margin: 1em 0;
    overflow: hidden;
    padding: 0;
    width:544px;
}
ul.box li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EFEFEF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    float: left;
    /*height: 150px;*/
    list-style-type: none;
    margin: 0 30px 30px 0;
    padding: 1em;
    position: relative;
   /* width: 250px;*/
   -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul.box li:after {
    -moz-transform: skew(15deg) rotate(6deg);
    background: none repeat scroll 0 0 transparent;
    bottom: 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    content: "";
    height: 55%;
    position: absolute;
    right: 10px;
    width: 70%;
    z-index: -1;
}
ul.box li:before {
    -moz-transform: skew(-15deg) rotate(-6deg);
    background: none repeat scroll 0 0 transparent;
    bottom: 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    content: "";
    height: 55%;
    left: 10px;
    position: absolute;
    width: 70%;
    z-index: -2;
}
.comment-header{
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */;
	padding:0.3em 1em;
	margin:0 -1em 0.5em -1em;
}

.infowindow{position:relative;}
.infowindow dd{
	position:relative;
}
.infowindow dl {
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */;
	position:relative;
	margin:25px 0 0 55px;
	}
.infowindow dt{
	width:25px;
	height:21px;
	display:inline-block;
	text-indent: -999999px
	top:0;
}
.infowindow dd{
	width:25px;
	height:15px;
	text-align: center;
	top:0;
	font-weight: bold;
	font-size: 1.2em;
	padding:3px 0 1px 0
}
.infowindow dt a{
	display:block;
	text-indent: -999999px
	}
.infowindow .comment-link{
	position: absolute;
	right:0;
	bottom:0.3em;
}
.infowindow dd.countgood{
	position: absolute;
	left:-40px;
	border:1px dashed #8FB726;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	border-right:none;
}
.infowindow dt.thumbup{
	background: url('../images/thumbs.png') left top no-repeat;
	position: absolute;
	left:25px;
}
.infowindow dt.thumbdown{
	position: absolute;
	left:50px;
	background: url('../images/thumbs.png') right top no-repeat;
}
.infowindow dd.countbad{
	position: absolute;
	left:35px;
	border:1px dashed #FFB7B7;
	border-left:none;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0 ;
	border-radius: 0 5px 5px 0;
	border-left:none;
	}
.infowindow dt.thumbup:hover{
	background: url('../images/thumbs.png') left bottom no-repeat;
	position: absolute;
	left:25px;
}
.infowindow dt.thumbdown:hover{
	position: absolute;
	left:50px;
	background: url('../images/thumbs.png') right bottom no-repeat;
}

#browserwarning {
    margin: 0 auto 0;
    padding: 0.5em;
    width: 70%;
    border: 1px dashed #aa8888;
    color: #992222;
    background: #aabbbb;
}